{extend name="template/base_default"}
{block name="header"}


<!--<link rel="stylesheet" href="__CSS__/common.css">-->
<link rel="stylesheet" href="__CSS__/index.css">
<link rel="stylesheet" href="__CSS__/weuix.min.css"/>
<link rel="stylesheet" href="__CSS__/weui.min.css">

<style>

    body{
        background-image:url("__IMG__/bj.png");
        background-repeat:no-repeat;
        background-size:cover;
        display:inline-block;
        text-align: center;
        color:#eeeeee;
        width: 100%;
        background-attachment: fixed;
        margin: auto;
    }
    li{
        list-style:none;
    }
    .store-box{
        filter:alpha(opacity=50); /*IE滤镜，透明度50%*/
        -moz-opacity:0.5; /*Firefox私有，透明度50%*/
        opacity:0.5;/*其他，透明度50%*/
        height:130px;
        margin-top: 30px;
    }
    .store-box img {
        width:100px;
        height:100px;
        float:right;
        margin-right: 10px;
        margin-top: 10px;
    }
    .store-success{
        font-size: 18px;
        color:#545454;
        font-family: "Microsoft YaHei UI";
    }
    .store-text{
        float: left;
        margin-top: 30px;
        margin-left: 16px;
        text-align: left;
    }
    .store-detail{
        font-size: 14px;
        color:#8c8c8c;
        font-family: "Microsoft YaHei UI";
        margin-top: 12px;
    }
    .store-p{
        text-align: center;
        color:white;
        margin-top: 30px;
        font-family: "Microsoft YaHei UI";
        font-size: 18px;

    }
    .store-other {
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        height:100px;
        background-color: white;
        border-radius: 10px;
        width:90%;
        background-color: rgba(95, 110, 170, 0.4);
        color:white;
    }
    .store-other span{
        margin-left: 20px;
        font-size: 14px;
        color:#8c8c8c;
        font-family: "Microsoft YaHei UI";
    }
    .store-other-img{
        width:70px;
        float: left;
        height:70px;
        margin-top: 14px;
        margin-left: 14px;
        border-radius: 10px;
    }
    .store-other-right{
        float: left;
        margin-left: 10px;

        width:65%;
        height:90px;
        margin-top: 14px;
    }
    .store-other-right-p1{
        font-family: "Microsoft YaHei UI";
        color:white;
        font-size: 18px;
        text-align: left;
    }
    .store-other-right-p2{
        font-family: "Microsoft YaHei UI";
        color:#c09853;
        font-size: 18px;
        text-align: left;
        margin-top: 6px;
    }
    .store-other-right-p3{
        font-family: "Microsoft YaHei UI";
        color:#8c8c8c;
        font-size: 14px;
        text-align: left;
        margin-top: 6px;
    }
    .searchbar{
        height:50px;
        margin-top:10px;
        width:100%;
    }
    .place{
        float:left;
        color:white;
        font-size: 16px;
        font-family: "Microsoft YaHei UI";
        margin-left: 28px;
        margin-top: 14px;

    }
    .search{
        width:90%;
        float:left;
        margin-left: 18px;
        margin-top: 10px;
        border-radius: 40px;
        background-color: rgba(95, 110, 170, 0.4);
        height:40px;


    }
    input{
        border:none;
        font-size: 18px;
        outline:none;
        margin-top: 8px;
        color:#545454;
    }

</style>
{/block}
{block name="body"}
<div class="searchbar">


    <div class="search"><input type="text" id="city_name" style="vertical-align:super;text-indent:2em;color:white;width:80%;background: none" placeholder="请输入城市服务中心名"> <button id="city-search" style="background: none;border: none;margin-top: 6px"><img style="width:26px;height:26px;" src="__IMG__/search.png"> </button></div>
</div>

{volist name='city_list' id='vo'}
<a href="{:url('extension/edit_city',array('platform_id'=>$vo['id']))}">
    <div class="store-other">
        <div class="store-other-right">
            <p class="store-other-right-p1">{$vo['name']}</p>
        </div>
    </div>
    </a>
{/volist}

{/block}
{block name="footer"}
<script type="text/javascript" src="__JS__/public.js"></script>
<script>
    $('#city-search').click(function () {
        var city_name = $('#city_name').val();
        var platform_id = "{$platform_id}";
        window.location.href=getBaseUrl()+'web.php/extension/added_city?city_name='+city_name+'&platform_id='+platform_id;

    });
    $(function(){
//        $('.weui-number-plus').click(function(){
//            upDownOperation( $(this) );
//        });
//        $('.weui-number-sub').click(function(){
//            upDownOperation( $(this) );
//        });

        //评分js
        var arr = ["1分","2分","3分","4分","5分"];
        var num = -1;
        $(".weui-rater a").click(function(){
            var thisL = $(this).index();
            for(var i = 0;i < thisL;i++){
                $(".weui-rater a").eq(i).addClass('checked');
            }
            for(var i = thisL; i < 5;i++){
                $(".weui-rater a").eq(i).removeClass('checked');
            }
            $(this).addClass('checked');
        });
//        $(".weui-rater a").click(function(){
//            var thisL = $(this).index();
//            for(var i = thisL; i < 5;i++){
//                $(".weui-rater a").eq(i).removeClass('checked');
//            }
//        });
//        $(".weui-rater").click(function(){
//
//            for(var i = 0; i < num;i++){
//                $(".weui-rater a").eq(i).addClass('checked');
//            }
//        });
        $(".weui-rater a").click(function(){
            var thisL = $(this).index();
            $("#fen").html(arr[thisL]);
            $(this).addClass('checked');
//            num = thisL+1;
//            console.log(num);
        });

    });
</script>
<script>
    $(document).on("open", ".weui-popup-modal", function() {
        console.log("open popup");
    }).on("close", ".weui-popup-modal", function() {
        console.log("close popup");
    });
</script>
{/block}